@import "./../theme";
@import "./../var";

.iss-form-designer {
  background: $bgColorPrimary;
  height: 100%;
  border: 1px solid $borderColorLight;
  min-width: 1000px;

  *, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .iss-form-designer-main {
    padding: 0;

    & > .el-container {
      height: 100%;
    }
  }
}

.help-icon-popper {
  font-size: $fontSizeSmall !important;
  box-shadow: $shadowPrimary !important;
  padding: 0 !important;
  color: $colorInfo !important;
  background: $bgColorPrimary !important;

  .el-popover__title {
    margin: 5px 0;
    font-size: $fontSizeRegular !important;
    color: $colorInfo !important;
  }

  .popper__arrow {
    border-bottom-color: $borderColorLight !important;

    &:after {
      border-bottom-color: $borderColorLight !important;
    }
  }

}

.help-icon {
  color: $colorTextSecondary;
  font-size: $fontSizeSmall;
  cursor: pointer;

  .base-help-icon {
    vertical-align: -4px;
    margin-right: 0.2rem;
  }
}

.theme-setting-modal {
  opacity: 0.2 !important;
}
.form-setting-drawer{
  .el-drawer__header {
    padding: 0.5rem 1rem;
    background: $bgColorSecondary;
    font-size: $fontSizeRegular;
    color: $colorTextPrimary;
    border-bottom: 1px solid $borderColorLight;
  }
}
.theme-setting-drawer {
  .el-drawer__header {
    padding: 0.5rem 1rem;
    background: $bgColorSecondary;
    font-size: $fontSizeRegular;
    color: $colorTextPrimary;
    border-bottom: 1px solid $borderColorLight;
  }
}
